<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body{
			/* translate  移动
			rotate	   旋转		
			scale      缩放
			skew       倾斜
			matrix	   6个值矩阵 */

			transform: translate(50%,30px);

			transform: rotate(30deg);
			transform-origin: left top;	/*x,y以这个点为中心点  也可以用px来写（20px 20px）*/

			transform: scale(0.8,0.5);  /*一个值得时候按比例进行缩放，两个值得时候按照，x,y来进行缩放*/

			transform: skew(30deg,10deg);
		}
		

	</style>

</head>
<body>
	
</body>
</html>
